// 权限详情样式
// .table-wrap {
//     min-height: 200px;
//     // border: 1px solid #e7e6eb;
//     padding-top: 5px;
//     position: relative;
//     background-color: #fff;
//     .tab-nav[data-v-dc123964]{
//         border-bottom: 1px solid transparent;
//     }
//     .tab-nav .bar-item.active[data-v-58a8a16e] {
//         color:  $themeColor;
//         border-color:  $themeColor;
//     }
//     .checkedBox{
//         background: $themeColor;
//         color: #fff;
//     }
//     .cascader-big-wrap .cascader-wrap[data-v-58a8a16e]{
//         border: 1px solid  #ccc;
//     }
//     .table-left {
//         width: 25%;
//         border-right: 1px solid #e7e6eb;
//         position: absolute;
//         top: 0;
//         bottom: 0;
//         .table-title {
//             height: 52px;
//             line-height: 52px;
//             padding: 0 14px;
//             border-bottom: 1px solid #e7e6eb;
//             position: relative;
//             font-size: 16px;
//             button {
//                 background-color: #fff;
//                 float: right;
//                 height: 51px;
//                 border-width:0;
//                 cursor: pointer;
//             }
//         }
//         .table-left-list {
//             .list-item {
//                 height: 30px;
//                 line-height: 30px;
//                 padding: 0 16px;
//                 &:hover {
//                     background: #f4f5fa;
//                     cursor: pointer;
//                     button {
//                         display: block;
//                     }
//                 }
//                 &.act {
//                     background: #f4f5fa;
//                 }
//                 button {
//                     display: none;
//                     float: right;
//                     color: $themeColor;
//                     margin-left: 15px;
//                     font-size: 18px;
//                 }
//             }
//         }
//     }
//     .table-right {
//         .group-item {
//             margin: 25px 0;
//             padding: 0 0px 10px 10px;
//             border-bottom: 1px solid #e7e6eb;
//             &::after {
//                 content: '';
//                 display: block;
//                 clear: both;
//             }
//             .group-top {
//                 margin: 0 0 15px;
//                 .edit-btn {
//                     color: #4b9eed;
//                     margin: 0 0 0 20px;
//                     cursor: pointer;
//                 }
//             }
//             .group-name {
//                 color: grey;
//             }
//             .group-user {
//                 li {
//                     float: left;
//                     background-color: #eee;
//                     height: 24px;
//                     line-height: 24px;
//                     margin: 0 10px 5px 0;
//                     padding: 0 10px;
//                 }
//             }
//             .group-store {
//                 li {
//                     width: 100%;
//                     height: 24px;
//                     line-height: 24px;
//                     margin: 0 10px 5px 0;
//                 }
//             }
//         }
//     }
// }

#message {
    .dot {
        position: relative;
        z-index: 2;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 12px;
        background-color: #2F8CF3;
    }
    .read {
        color: #999;
    }
    .unread {
        color: #000;
    }
}